<template>
    <mu-container class="container">


        <van-form 
                @submit="confirm" 
                class="form"
                ref="myform"
            >
                <div>

                    <my-title
                        :title="'保函信息'"
                        :warn="'请按招标文件规定选择您要办理的业务'"
                    >
                    </my-title>

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="企业名称"
                        placeholder="请输入企业名称"
                        :rules="[{ required: true, message: '请输入企业名称' }]"
                    />

                </div>

                <div>
                    <my-title
                        :title="'投保人信息'"
                    >
                    </my-title>

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="企业名称"
                        placeholder="请输入企业名称"
                        :rules="[{ required: true, message: '请输入企业名称' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="统一社会信用代码"
                        placeholder="请输入统一社会信用代码"
                        :rules="[{ required: true, message: '请输入统一社会信用代码' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="地址"
                        placeholder="请输入地址"
                        :rules="[{ required: true, message: '请输入地址' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="联系电话"
                        placeholder="请输入联系电话"
                        :rules="[{ required: true, message: '请输入联系电话' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="投保人邮箱"
                        placeholder="请输入投保人邮箱"
                        :rules="[{ required: true, message: '请输入投保人邮箱' }]"
                    />
                </div>

                <div>
                    <my-title
                        :title="'被保人信息'"
                    >
                    </my-title>

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="企业名称"
                        placeholder="请输入企业名称"
                        :rules="[{ required: true, message: '请输入企业名称' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="统一社会信用代码"
                        placeholder="请输入统一社会信用代码"
                        :rules="[{ required: true, message: '请输入统一社会信用代码' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="地址"
                        placeholder="请输入地址"
                        :rules="[{ required: true, message: '请输入地址' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="联系电话"
                        placeholder="请输入联系电话"
                        :rules="[{ required: true, message: '请输入联系电话' }]"
                    />

                </div>

                <div>
                    <my-title
                        :title="'项目信息'"
                    >
                    </my-title>

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="保函项目名称"
                        placeholder="请输入保函项目名称"
                        :rules="[{ required: true, message: '请输入保函项目名称' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="招标编号"
                        placeholder="请输入招标编号"
                        :rules="[{ required: true, message: '请输入招标编号' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="项目地区"
                        placeholder="请输入项目地区"
                        :rules="[{ required: true, message: '请输入项目地区' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="开标地点"
                        placeholder="请输入开标地点"
                        :rules="[{ required: true, message: '请输入开标地点' }]"
                    />

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="招标代理"
                        placeholder="请输入招标代理"
                        :rules="[{ required: true, message: '请输入招标代理' }]"
                    />

                </div>

                <div>

                    <my-title
                        :title="'保险信息'"
                    >
                    </my-title>

                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="保额合计"
                        placeholder="请输入保额合计"
                        :rules="[{ required: true, message: '请输入保额合计' }]"
                    />



                    <van-field
                        v-model="form.mailname"
                        name="mailname"
                        label="支付金额"
                        :rules="[{ required: true, message: '请输入保额合计' }]"
                    >
                        <template #extra >
                            元
                        </template>
                    </van-field>

                    

                    <my-vant-date
                        :model-label="'mailnames'"
                        :label="'保险开始时间'"
                        v-model="form"
                    >

                    </my-vant-date>

                </div>






            </van-form>






    </mu-container>
</template>
<script>

    export default {
        components:{

        },
        props: {
            
        },
        data() {
            return {
                form:{
                    
                }

            }
        },
        watch:{

        },
        methods:{

            queryData(){
                const loading = this.$loading({
                    text: '订单加载中,请稍等...'
                });
                var that = this;
                this.$api.orderdetail({
					// rowguid: that.$route.query.id
                    rowguid:'BHT20230129126552'
				}).then(function (data) {
                    that.form = data.orderinfo;
                    // that.bidder = data.orderinfo.bidder;
                    // that.vendorinfo = data.vendorinfo;
                    // that.vendorinfo = data.vendorinfo
				}).then(()=>{
                    this.getMyCoupon();
                    this.$refs.postCard.getMailAddressList();
                    loading.close();
                })
            },


            confirm(){

            },


        },
        mounted(){

            setTimeout(()=>{
                this.$set( this.form , 'mailnames' , '2023-08-09 15:00:00')
            },1000)

        }
    }
</script>
<style lang="less" scoped>
    @import  '../../css/default.less';

    .container {
        padding: 16px;

        
        // /deep/ .van-cell::after{
        //     border:  1px solid @line-color;
        // }


    }



</style>